<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Layabox首页</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/swiper-bundle.min.css">
  <link rel="stylesheet/less" href="css/reset.less">
  <link rel="stylesheet/less" href="css/common.less">
  <link rel="stylesheet/less" href="css/index.less">
</head>

<body>
  <!-- 头部开始 -->
  <nav class="navbar navbar-default">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
          <img src="images/logo.png" alt="">
        </a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
          <li><a href="LayaHome.html">Laya家族</a></li>
          <li><a href="game.html">游戏</a></li>
          <li><a href="new.html">新闻动态</a></li>
          <li><a href="#">开发者中心</a></li>
          <li><a href="#">开发者社区</a></li>
          <li><a href="#">开发平台</a></li>
          <li><a href="about.html">关于我们</a></li>
        </ul>

        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
              aria-expanded="false">Language <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="#">Chinese</a></li>
              <li><a href="#">English</a></li>
              <li><a href="#">German</a></li>
              <li role="separator" class="divider"></li>
              <li><a href="#">Other...</a></li>
            </ul>
          </li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
  <!-- 头部结束 -->

  <!-- 轮播图开始 -->
  <div class="swiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="images/banner.png" alt=""></div>
      <div class="swiper-slide"><img src="images/banner.png" alt=""></div>
      <div class="swiper-slide"><img src="images/banner.png" alt=""></div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>

  </div>
  <!-- 轮播图结束 -->

  <!-- 引擎开始 -->
  <div class="engine">
    <div class="container">
      <div class="left">
        <div class="title">LayaFlash 引擎</div>
        <div class="intro">让Flash技术变成开发HTML5产品的利器</div>
        <div class="box">
          <div class="innerbox">
            <div class="flash"></div>
            <div class="info">
              <h3>快速Flash产品转换</h3>
              <p>Flash页游\手游仅需1个人7天即可
                转换为HTML5和APP游戏</p>
            </div>
          </div>
          <div class="innerbox">
            <div class="ide"></div>
            <div class="info">
              <h3>LayaFlash IDE</h3>
              <p>支持代码编译、调试、压缩与混淆
                加密、资源转换、在线文档等功能</p>
            </div>
          </div>
          <div class="innerbox">
            <div class="html5"></div>
            <div class="info">
              <h3>HTML5零学习成本</h3>
              <p>AS3开发者可直接使用Flash开源框
                架和工具链进行开发HTML5</p>
            </div>
          </div>
          <div class="innerbox">
            <div class="app"></div>
            <div class="info">
              <h3>性能媲美APP</h3>
              <p>LayaFlash引擎的重度游戏已运行于
                QQ空间等平台，性能媲美APP</p>
            </div>
          </div>
        </div>
      </div>
      <div class="right">
        <img src="./images/engine.png" alt="">
      </div>
    </div>
  </div>
  <!-- 引擎结束 -->

  <!-- 优势开始 -->
  <div class="strength">
    <div class="container">
      <div class="left">
        <img src="images/strength.png" alt="">
      </div>
      <div class="right">
        <div class="title">Layabox 优势</div>
        <div class="info">
          <div class="circle"></div>
          <div class="text">快速上手，Flash程序员3小时掌握HTML5开发</div>
        </div>
        <div class="info">
          <div class="circle rocket"></div>
          <div class="text">4年优化打磨，LayaPlayer运行器性能媲美APP</div>
        </div>
        <div class="info">
          <div class="circle phone"></div>
          <div class="text">超5亿的LayaPlayer移动设备安装量帮助CP发行</div>
        </div>
        <div class="info">
          <div class="circle game"></div>
          <div class="text">使用LayaFlash开发大型HTML5游戏的企业超100家</div>
        </div>
      </div>
    </div>
  </div>
  <!-- 优势结束 -->

  <!-- 产品开始 -->
  <div class="product">
    <div class="container">
      <div class="title">Layabox产品家族</div>
      <div class="info">
        <div class="box">
          <div class="image">
            <img src="images/air.png" alt="">
          </div>
          <div class="text">
            <div class="name">LayaAir</div>
            <div class="intro">核心库仅100K左右的新一代HTML5引擎，支持AS3\TS\JS语言开发，支持2D\3D，非运行器模式下性能媲美APP。</div>
          </div>
        </div>
        <div class="box">
          <div class="image">
            <img src="images/publish.png" alt="">
          </div>
          <div class="text">
            <div class="name">LayaPublish</div>
            <div class="intro">Layabox发行业务，通过在H5产业链中的技术桥梁优势，帮助CP获得流量支持。</div>
          </div>
        </div>
        <div class="box">
          <div class="image">
            <img src="images/flash-product.png" alt="">
          </div>
          <div class="text">
            <div class="name">LayaFlash</div>
            <div class="intro">使用Flash AS3语言开发H5的引擎框架，可直接在FB或FD中开发、调试、编译H5，也可快速将Flash页游\手游转换</div>
          </div>
        </div>
        <div class="box">
          <div class="image">
            <img src="images/store.png" alt="">
          </div>
          <div class="text">
            <div class="name">LayaStore</div>
            <div class="intro">嵌入式HTML5商城，APP只需嵌入20K的SDK即可以获得托管式HTML5商店服务，进入流量获利新时代。</div>
          </div>
        </div>
        <div class="box">
          <div class="image">
            <img src="images/player.png" alt="">
          </div>
          <div class="text">
            <div class="name">LayaPlayer</div>
            <div class="intro">HTML5高速运行器，性能卓越、支持大型HTML5游戏流畅运行，目前已植入QQ、百度等20多家主流平台，安装量超5亿。</div>
          </div>
        </div>
        <div class="box">
          <div class="image">
            <img src="images/set.png" alt="">
          </div>
          <div class="text">
            <div class="name">LayaOpen</div>
            <div class="intro">Layabox开放平台，整合了Laya提供的各项运营，管理服务的服务，提供给游戏提供商和互联网渠道的统一开放平台。</div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 产品结束 -->

  <!-- 游戏开始 -->
  <div id="game">
    <div class="container">
      <div class="head">
        <div class="left">采用Layabox引擎的精彩游戏</div>
        <div class="right"><a href="">更多</a></div>
      </div>
      <div class="gamebox">
        <div class="left">
          <img src="images/game1.png" alt="">
        </div>
        <div class="right">
          <div class="box">
            <img src="images/lieren2.png" alt="">
            <p>猎刃2</p>
          </div>
          <div class="box">
            <img src="images/sbzg.png" alt="">
            <p>上吧主公</p>
          </div>
          <div class="box">
            <img src="images/zxy.png" alt="">
            <p>醉西游</p>
          </div>
          <div class="box">
            <img src="images/mkhx.png" alt="">
            <p>魔卡幻想</p>
          </div>
          <div class="box">
            <img src="images/cnzd.png" alt="">
            <p>超能战队</p>
          </div>
          <div class="box">
            <img src="images/dtdbl.png" alt="">
            <p>刀塔大菠萝</p>
          </div>
          <!-- 第二排 -->
          <div class="box mtop">
            <img src="images/hsg.png" alt="">
            <p>轰三国</p>
          </div>
          <div class="box mtop">
            <img src="images/mnlr.png" alt="">
            <p>迷你猎人</p>
          </div>
          <div class="box mtop">
            <img src="images/mwsg.png" alt="">
            <p>萌挂三国</p>
          </div>
          <div class="box mtop">
            <img src="images/dtsg.png" alt="">
            <p>夺塔三国</p>
          </div>
          <div class="box mtop">
            <img src="images/yxzb.png" alt="">
            <p>英雄争霸</p>
          </div>
          <div class="box mtop">
            <img src="images/zzzm.png" alt="">
            <p>战争之门</p>
          </div>

        </div>
      </div>
    </div>
  </div>
  <!-- 游戏结束 -->

  <!-- 合作伙伴开始 -->
  <div class="partner">
    <div class="container">
      <div class="title">合作伙伴<span>(排序不分先后)</span></div>
      <div class="box">
        <div class="innerbox">
          <img src="images/QQ.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/QQllq.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/baidu.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/sina.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/huosu.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/liebao.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/aiyouxi.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/xiaowo.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/migu.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/meituxiuxiu.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/yy.png" alt="">
        </div>
        <div class="innerbox">
          <img src="images/kuwo.png" alt="">
        </div>
      </div>
    </div>
  </div>
  <!-- 合作伙伴结束 -->

  <!-- 底部开始 -->
  <footer>
    <div class="container">
      <div class="box">
        <div class="left">
          <div class="top">公司简介 联系方式 人才招聘</div>
          <div class="down">All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1 </div>
        </div>
        <div class="right">
          <div class="image">
            <img src="images/msg.png" alt="">
          </div>
          <div class="image">
            <img src="images/wx.png" alt="">
            <div class="QRcode">
              <img src="images/wechat.png" alt="">
            </div>
          </div>
          <div class="image">
            <img src="images/qqlogo.png" alt="">
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- 底部结束 -->
</body>
<script src="js/jquery-3.7.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper-bundle.min.js"></script>
<script src="js/less.min.js"></script>
<script>
  const mySwiper = new Swiper('.swiper', {
    // direction: 'vertical', // 垂直切换选项
    loop: true, // 循环模式选项

    // 如果需要分页器
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    }
  }) 
</script>

</html>